import { Image } from "antd";

export default function ContactUs() {
  return (
    <div className='bg-white rounded-xl border border-gray-200 shadow-sm p-6'>
      <h2 className='font-bold text-lg mb-4 border-b border-gray-200 pb-3 text-gray-800'>联系我们</h2>
      <div className='space-y-4'>
        <p className='text-sm text-gray-600'>市场、内容及商业合作，欢迎与我们联系</p>

        <div className="mb-8">
          <div className='text-center'>
            <Image
              src='/wx.png'
              alt='投稿联系微信二维码'
              width={120}
              height={120}
              className='rounded-lg mb-2 border border-gray-200 object-cover shadow-sm'
              preview={{
                mask: "点击查看大图",
                maskClassName: "rounded-lg",
              }}
            />
            <p className='text-xs text-gray-600 font-medium'>AIPH社区发起人</p>
          </div>
        </div>

        <div>
          <div className='text-center'>
            <Image
              src='/wxgzh.png'
              alt='微信公众号二维码'
              width={220}
              height={80}
              className='rounded-lg mb-2 border border-gray-200 object-cover shadow-sm'
              preview={{
                mask: "点击查看大图",
                maskClassName: "rounded-lg",
              }}
            />
            <p className='text-xs text-gray-600 font-medium'>微信公众号</p>
            <p className='text-xs text-gray-500'>关注获取更多AI信息</p>
          </div>
        </div>
      </div>
    </div>
  );
}
